<!DOCTYPE html>
<html lang="en">
  <head>
    <title>in html</title>
  </head>
  <body>
    <div class="example">
      <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
        <circle
          cx="50"
          cy="50"
          r="40"
          stroke="green"
          stroke-width="4"
          fill="yellow"
        />
      </svg>
    </div>

    <div class="another-example">
      <svg
        width="150"
        height="100"
        xmlns="http://www.w3.org/2000/svg"
        style="background-color: green"
      >
        <circle cx="75" cy="50" r="40" fill="yellow" />
        <text x="75" y="60" font-size="30" text-anchor="middle" fill="red">
          SVG
        </text>
      </svg>
    </div>
  </body>
</html>
